<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="酒店预订,特价酒店,机票,机票预订,飞机票查询,航班查询,酒店团购,旅游度假,旅行,商旅管理,手机订酒店,手机订机票,携程旅行">
    <meta name="description"
        content="携程旅行网是中国领先的在线旅行服务公司，旗下携程旅行向超过9000万会员提供酒店预订、酒店点评及特价酒店查询、机票预订、飞机票查询、时刻表、票价查询、航班查询、度假预订、商旅管理、为您的出行提供全方位旅行服务。">
    <title>携程旅行-酒店预订,机票预订查询,旅游度假,商旅管理-携程无线官网</title>
    <link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./CSS/base.css">
    <link rel="stylesheet" href="./CSS/common.css">
    <link rel="stylesheet" href="./CSS/message.css">
</head>

<body>
    <div class="message-wrap">
        <div class="message-header">
            <div class="header-left">
                <a href="./index.html">
                    <span class="return">
                        <img src="./images/ico-back.png" alt="">
                    </span>
                </a>
            </div>
            <div class="header-center">消息</div>
        </div>

        <div class="msg-list">
            <div class="notice-tab">
                <div class="local-box">
                    <ul>
                        <li><span><img src="./images/bill.png" alt=""></span>
                            <span>订单出行</span>
                        </li>
                        <li><span><img src="./images/interaction.png" alt=""></span>
                            <span>互动消息</span>
                        </li>
                        <li><span><img src="./images/notice.png" alt=""></span>
                            <span>账户通知</span>
                        </li>
                        <li><span><img src="./images/vip.png" alt=""></span>
                            <span>会员服务</span>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="notice-list">

                <li>
                    <div class="notice-icon">
                        <img src="./images/vip.png" alt="">
                    </div>
                    <div class="notice-content">
                        <div class="notice-text">
                            qq账号绑定成功通知
                        </div>
                        <div class="notice-details">
                            您的携程账号已成功绑定qq账号，现在起可使用qq账号授权登录携程或享受相关权益和服务，如有疑问，请致电携程客服。
                        </div>
                    </div>
                </li>
            </div>

        </div>
        <div class="message-footer">
            <div class="fill">

            </div>
        </div>

    </div>
    <div class="more">
        没有更多内容了
    </div>
    <div class="fixed-service">
        <div class="service-icon">
            <img src="./images/客服.png" alt="">
        </div>
        <span>客服</span>
    </div>
</body>

</html>